<div style="padding: 0px 0px 0px 30px">
	<div class="page-header" style="margin: 0">
		<h2>
			<!-- Heading goes here -->
			New User
		</h2>
	</div>
	<div style="padding-top: 15px">
		<!-- Summary goes here -->
		This is a view for "Add a New User", loaded as part of single page app
		demo. Note that no entries are saved in the database. Feel free to
		play around.
	</div>
	<div style="padding-bottom: 50px">
		<table style="width: 100%">
			<tr>
				<td colspan="2" style="width: 100%; padding: 10px;">
					<div class="alert alert-info" role="alert">{{message}}</div>
				</td>
			</tr>
			<tr>
				<td style="width: 45%; padding-left: 40px; vertical-align: top">
					<div style="padding-bottom: 20px">
						<h3>Add a User</h3>
					</div>
					<form class="form-horizontal" role="form"
						ng-submit="createNewUser()">
						<div class="form-group">
							<label class="col-md-4 control-label">First Name</label>
							<div class="col-md-5">
								<input type="text" class="form-control" name="firstname"
									ng-model="firstname" required />
							</div>
						</div>
						<div class="form-group">
							<label class="col-md-4 control-label">Last Name</label>
							<div class="col-md-5">
								<input type="text" class="form-control" name="lastname"
									ng-model="lastname" />
							</div>
						</div>
						<div class="form-group">
							<label class="col-md-4 control-label">Address</label>
							<div class="col-md-5">
								<input type="text" class="form-control" name="address"
									ng-model="address" />
							</div>
						</div>
						<div class="form-group">
							<label class="col-md-4 control-label">Email</label>
							<div class="col-md-5">
								<input type="text" class="form-control" name="email"
									ng-model="email" required />
							</div>
						</div>
						<div class="form-group">
							<div style="padding-left: 200px">
								<input type="submit" value="Submit" class="btn btn-primary" />
							</div>
						</div>
					</form>
				</td>
				<td style="vertical-align: top">
					<table class="table">
						<tr>
							<th>Name</th>
							<th>Address</th>
							<th>Email</th>
						</tr>
						<tr ng-repeat="user in users">
							<td><a href="#/users/{{user.id}}">{{user.firstname + " "
									+ user.lastname}}</a></td>
							<td>{{user.address}}</td>
							<td>{{user.email}}</td>
						</tr>
					</table>
				</td>
			</tr>
		</table>
	</div>

</div>